<template>
    <!-- 加载提示 -->
    <view class='listBottom_hint'>{{text}}</view>
</template>

<script>
    export default {
        props: {
            status: {
                type: Number,
                default: 0
            }
        },
        data() {
            return {
                text: "-- 没有数据哦 --"
            }
        },
        watch: {
            status(val) {
                switch(val) {
                    case 0:
                        this.text = "-- 没有数据哦 --"
                    break;
                    case 1:
                        this.text = "正在加载..."
                    break;
                    case 2:
                        this.text = "-- 到底部了 --"
                    break;
                    case 3:
                        this.text = "-- 请求超时，请稍后重试 --"
                    break;
                }
            }
        }
    }
</script>

<style lang="scss" scoped>
.listBottom_hint {
    width: 100%;
    height: 80upx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24upx;
    color: #999;
}
</style>